<template>
	<view>
		<view class="header">
			<uni-grid class="uni-bg-green" :data="headdata" show-out-border="false" type='rect'></uni-grid>
		</view>
		<view class="content">
			<view>
				<uni-grid class="uni-bg-green" :data="liistdata" @click="onClick" show-out-border="false" column-num="3"></uni-grid>
			</view>
		</view>
	</view>
</template>

<script lang="ts">
	import Vue from 'vue';
	import uniGrid from '@/components/uni-grid/uni-grid.vue'
	// import uniGrid from '@dcloudio/uni-ui/lib/uni-grid/uni-grid.vue'


	export default Vue.extend({
		components: {
			uniGrid
		},
		data() {
			return {
				liistdata: [{
						image: '/static/img/introMeet.png',
						text: '会议介绍',
						value: 'introMeet'
					},
					{
						image: '/static/img/globalInvit.png',
						text: '大会邀请报告',
						value: 'globalInvit'
					},
					{
						image: '/static/img/clubInvit.png',
						text: '分会邀请报告',
						value: 'clubInvit'
					},
					{
						image: '/static/img/conTraffic.png',
						text: '联系和交通',
						value: 'conTraffic'
					},
					{
						image: '/static/img/regLogin.png',
						text: '注册登录',
						value: 'regLogin'
					},
					{
						image: '/static/img/fileDown.png',
						text: '文件下载',
						value: 'fileDown'
					},
					{
						image: '/static/img/hotelIntro.png',
						text: '酒店介绍',
						value: 'hotelIntro'
					},
					{
						image: '/static/img/textSub.png',
						text: '全文投稿',
						value: 'textSub'
					},
					{
						image: '/static/img/exhiSpon.png',
						text: '展览赞助',
						value: 'exhiSpon'
					}
				],
				headdata: [{
					
						image: '/static/img/introMeet.png',
						text: '会议介绍',
						value: 'introMeet'
					
				}]
			}
		},
		onLoad() {

		},
		methods: {
			onClick(e: any){
				this.navTo(e);
			},
			navTo(e: any){
				let urlparam: string = this.liistdata[e.index].value
				uni.navigateTo({
						url: '/pages/' + urlparam + '/' + urlparam
					})
			}
		}
	});
</script>

<style>
</style>
